<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<meta name="description" content="">
		<meta name="author" content="">
		<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
		<title>TyEnWord Login</title>
		<!-- Bootstrap core CSS -->
		<link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
		<!-- Custom styles -->
		<link href="css/signupin.css" rel="stylesheet">
		<!-- JavaScript -->
		<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
		<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/signupin.js"></script>
		
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>
		<div class="container">
			<form class="form-login" action="login" method="post" id="login-form">
				<h2 class="form-login-heading">Login</h2>
				<div id="err-alert"  class="alert alert-danger" role="alert" style="display: none;"></div>
				<div class="input-group input-group-lg" id="email">
					<span class="input-group-addon"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span></span>
					<!-- sr-only 只对屏幕阅读有效 -->
					<label for="inputEmail" class="sr-only">Email address</label>
					<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
				</div>
				<div class="input-group input-group-lg" id="passwd">
					<span class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></span>
					<label for="inputPassword" class="sr-only">Password</label>
					<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
				</div>
				<!--
				<div class="checkbox">
					<label><input type="checkbox" value="remember-me"> Remember me </label>span class="seseparator">·</span><a href="#">Forgot password?</a>
				</div>
				-->
				<div class="checkbox">
					<label>New to TyEnWord? <a href="signup">Sign up</a></label>
				</div>
				<button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
			</form>

		</div>
		<!-- /container -->
		<!-- Modal -->
		<div id="result-modal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title">您还没有验证邮箱</h4>
		      </div>
		      <div class="modal-body">
		        	<p></p>
		        	
		        	<p>没有收到确认邮件，怎么办？</p>
		        	<ul>
		        		<li>看看是否在邮箱的回收站中、垃圾邮件中</li>
		        		<li>重新发送，<button type="button" class="btn btn-default btn-sm" id="resend">点此重发一封</button></li>
		        	</ul>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
		      </div>
		    </div>
		  </div>
		</div>
	</body>
</html>